/* 商铺主页头部 */
.shangpin-header{
    box-sizing: border-box;
    height:350px;
    width:750px;
    
}
.shangpin-header-1{
    box-sizing: border-box;
    height:230px;
    padding:20px 20px 0 20px;
    background: rgba(0,0,0,0.5);
}
.shangpin-header-1-top{
    height:150px;
}
.shangpin-header-img{
    float: left;
    height:150px;
    width:150px;
    border-radius: 10px;
    margin-right:10px;
}
.shangpin-header-right{
    float: left;
    color:#fff;
}
.shangpin-header-right-1{
    font-size: 38px;
    font-weight: bold;
    
}
.shangpin-header-right-2{
    margin:12px 0;
}
.shangpin-header-right-3{

}
.shangpin-header-bottom{
    height:50px;
    color:#fff;
    overflow: hidden;
    width:750px;
}
.shangpin-header-bottom-1{
    height:50px;
    float: left;
  
}
.shangpin-header-2{
    clear: both;
    display: flex;
    height:130px;
    box-sizing: border-box;
  padding:40px 0 20px 0;
    justify-content: space-around;
    background: #fff;
    border-bottom: 2px solid #EEEEEE;
}
.shangpin-header-2-item{
    padding:10px;
    font-size: 30px;
    color:#787878;
}
.shangpin-header-2-item-active{
    color:#449AEA;
    border-bottom: 6px solid #3190E8;
}
.shangpin-nav{
    position: absolute;
    margin:5px;
    font-size: 50px;
    color:#fff;
    width:750px;
    font-weight: bold;
}
.shangpin-container{
height:800px;
background: #F5F5F5;
}

/* 商铺主页主体 商品页 */
.goodlist-container{
    height:904px;
    width:750px;
    overflow: hidden;
    background: #F5F5F5;
}
.goodlist-left{
    height:904px;
    width:178px;
 
    overflow-y: scroll;
    float: left;
}

.goodlist-left-li{
    height:128px;
    width:178px;
    box-sizing: border-box;
    padding:40px 20px ;
    font-size:28px;
    border-bottom:1px solid #F0F0F0;
    border-left:4px solid #f8f8f8;
    color:#8F8F8F;
}
.goodlist-left-li-active{
    border-left:4px solid #3190E8;
    background: #fff;
    color:#666;
    font-weight: bold;

}
.goodlist-left-img{
    height:28px;
    width:28px;
    display: inline-block;
}
.goodlist-right{
    height:904px;
    width:572px;
    float: left;
    overflow-y: scroll;
    overflow-x: hidden;
}
.gooditem-show{
   width:576px;
    height:224px;
    padding:14px 9px;
    box-sizing: border-box;
    background: #fff;
    border-bottom: 1px solid #f5f5f5;
}
.goodlist-bottom{
    height:94px;
    background: rgb(61, 61, 63);
    position: fixed;
    bottom:0;
    width:750px;
    z-index:4;
}
.goods-bottom-1{
    height:110px;
    width:110px;
    border-radius:50%;
    margin-top:-40px;
    margin-left:30px;
    background: #3D3D3F;
    position: relative;
    border:6px solid #444444;
    float: left;
}
.goods-bottom-1-1{
    height:66px;
    width:66px;
    position: absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    margin:auto;
}
.goods-bottom-1-2{
    background: #3190E8;
}
.goods-bottom-1-3{
    width:38px;
    height:38px;
    display: block;
    position: absolute;
    right:-8px;
    top:-8px;
    background: #FF461D;
    border-radius: 50%;
    font-size: 24px;
    color:#fff;
    padding-top:6px;
    text-align: center;
    box-sizing: border-box;
}
.goods-bottom-2{
    float: left;
    margin-left:30px;
    width:300px;
}
.goods-bottom-3{
    float: right;
    width:234px;
    height:94px;
    background: #535356;
    color:#fff;
    font-size: 32px;
    line-height:94px;
    font-weight: bold;
    text-align: center;
}
.goods-bottom-3-1{
    background: #4CD964;
}


